import axios from 'axios'
import { notification } from 'ant-design-vue'
// import UserStore from '../mobx/UserStore'
import { addPending, removePending } from './pendingControl'
// import { showClosePageModal } from '@/utils/closePageModal'

const isDevelopmentEnv = process.env.NODE_ENV === 'development'

// 要被拦截的请求
const InterceptRequestPaths = [
  '/v1/sessions', //
]

const isInterceptPath = (path) => {
  return InterceptRequestPaths.filter((InterceptPath) => path.includes(InterceptPath)).length > 0
}

const instance = axios.create({
  baseURL: isDevelopmentEnv ? '/api' : process.env.REACT_APP_API_URL || '',
  timeout: 30000
})

const codeMessage = {
  200: '服务器成功返回请求的数据。',
  201: '新建或修改数据成功。',
  202: '一个请求已经进入后台排队（异步任务）。',
  204: '删除数据成功。',
  400: '发出的请求有错误，服务器没有进行新建或修改数据的操作。',
  401: '没有权限！',
  403: '用户得到授权，但是访问是被禁止的。',
  404: '资源不存在！',
  406: '请求的格式不可得。',
  410: '请求的资源被永久删除，且不会再得到的。',
  422: '当创建一个对象时，发生一个验证错误。',
  500: '服务器发生错误，请检查服务器。',
  502: '网关错误。',
  503: '服务不可用，服务器暂时过载或维护。',
  504: '网关超时。'
}

instance.interceptors.request.use(
  (config) => {
    // console.log(config)
    if (!isInterceptPath(config.url.split('?')[0])) {
      // console.log('pending')
      removePending(config) // 在请求开始前，对之前的请求做检查取消操作
      addPending(config) // 将当前请求添加到 pending 中
    }
    if (!localStorage.getItem('token')) {
      return config
    }
    return config
  },
  (error) => {
    // Do something with request error
    return Promise.reject(error)
  }
)

// Add a response interceptor
instance.interceptors.response.use(
  (response) => {
    if (response && !isIgnorePath(response.config.url.split('?')[0])) {
      // console.log('remove pending')
      response && removePending(response.config) // 在请求结束后，移除本次请求
    }

    const hideErrorNotification = response?.config?.dz_hideErrorNotification || false
    try {
      const { data } = response
      // 真正业务上的成功
      if (data?.code === '200' || data?.code === '0' || data?.code === 0 || data?.error === 0) {
        return data
      } else {
        !hideErrorNotification &&
          notification.error({
            message: `请求错误 ${data?.code || ''}`,
            description: data?.msg?.error0
          })
        return Promise.reject(new Error(data?.msg?.error0 || '请求错误'))
      }
    } catch (e) {
      return Promise.reject(e)
    }
  },
  (error) => {
    const { response } = error
    // 被取消的请求
    if (axios.isCancel(error)) {
      // console.log('cancel request: ' + error.message)
      return Promise.reject(new Error('请求已被取消'))
    }
    if (!response) {
      notification.error({
        description: '您的网络异常，不能连接到服务',
        message: '网络异常'
      })
      return Promise.reject(new Error('网络异常'))
    }
    const { status, url } = response
    const errorText = codeMessage[response.status] || response.statusText
    if (status === 401 || status === 403) {
      notification.error({
        message: `没有权限`,
        description: errorText
      })
    } else {
      notification.error({
        message: `请求错误 ${status}: ${url || ''}`,
        description: errorText
      })
    }
    return Promise.reject(error)
  }
)

export default instance
